<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>工单信息页面</title>
		<link rel="stylesheet" href="../../js/plugins/layui-v2.4.5/layui/css/layui.css" />
		<link rel="stylesheet" href="../../css/reset.css" />
		<style>
			html,body{height: 100%;}
			.layui-tab{margin: 0;height: 100%;}
			.layui-tab-content{height:calc(100% - 40px)}
			.layui-tab-item{height:100%;}
		</style>
	</head>
	<body class="p10">
		<div class="layui-tab layui-tab-brief container p15" lay-filter="tab">
			<!--tab title-->
		  <ul class="layui-tab-title">
			<li class="layui-this">进行中的工单</li>
			<li>我的工单<span class="layui-badge">6</span></li>
			<li>已解决工单</li>
			<li>星标的工单</li>
			<li>所有工单</li>
		  </ul>
		  <!--tab 内容-->
		  <div class="layui-tab-content">
			<div class="layui-tab-item layui-show">
				<iframe src="order_list.html" frameborder="0" width="100%" height="100%" ></iframe>
			</div>
			<div class="layui-tab-item">
				<iframe src="order_list_my.html" frameborder="0" width="100%" height="100%" ></iframe>
			</div>
			<div class="layui-tab-item">
				<iframe src="order_list_end.html" frameborder="0" width="100%" height="100%" ></iframe>
			</div>
			<div class="layui-tab-item">
				<iframe src="order_list_star.html" frameborder="0" width="100%" height="100%" ></iframe>
			</div>
			<div class="layui-tab-item">
				<iframe src="order_list_all.html" frameborder="0" width="100%" height="100%" ></iframe>
			</div>
		  </div>
		</div> 
		<script src="../../js/jquery-3.3.1.min.js"></script>
		<script src="../../js/plugins/layui-v2.4.5/layui/layui.js"></script>
		<script>
			layui.use(['element','layer'],function(){
				var element = layui.element,layer = layui.layer;
			})
		</script>
	</body>
</html>
